@charset "utf-8";
/**
Author :        wangdi
Version:        1.0
Date   :	    2015-1-6
Explain:        此样式为页面初始化样式。
**/
/*------------------------------- CSSReset -------------------------------*/
/** 清除边距 **/
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body, h1, h2, h3, h4, h5, h6, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, a, span, i, b, /* list elements 列表元素 */ form, fieldset, legend, button, input, textarea, select,/* form elements 表单元素 */ th, td /* table elements 表格元素 */ {
	margin: 0;
	padding: 0;
}
body {
	background-color: #fff;
}
/** 字体设置 **/
body, button, input, select, textarea/* for ie */ {
	font: 14px/1.5 "微软雅黑";
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
address, em {
	font-style: normal;
} /* 将斜体扶正 */
/*去除元素轮廓---fbx---*/
div, table, form, input, button, select, textarea, fieldset, legend {
	outline: none;
}/* for google / safari*/
/** 重置列表元素 **/
ul, ol, li {
	list-style: none outside none;
}
/** 重置链接元素 **/
a {
	text-decoration: none;
	color: #333;
	cursor: pointer;
}
a:hover {
	color: #000;
	text-decoration: none;
}
/** 重置表单元素 **/
fieldset, img {
	border: 0;
} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
	font-size: 100%;
} /* 使得表单元素在 ie 下能继承字体大小 */
/** 重置表格元素 **/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/** 重置元素垂直居中 **/
img, input, select, textarea, button {
	vertical-align: middle;
}
/** 浮动 **/
.bh-fl {
	float: left;
}
.bh-fr {
	float: right;
}
/** 下划线 **/
.bh-udline {
	text-decoration: underline;
}
/** 定位 **/
.bh-posRlt {
	position: relative;
	zoom: 1;
}
/** 清除浮动 **/
.bh-overf {
	overflow: hidden;
	zoom: 1;
}
/** 页结构 **/
.comWidth {
	width: 940px;
	margin: 0 auto;
}
.nodsp{display:none;}
.mt20 {
	margin-top:20px;
}
/*head*/
.p_head {
	/* background:url(../images/head_bg.jpg) repeat-x; */
	padding-top:28px;
	
	padding-bottom:10px;
}
.logo {
	padding:10px 0 0 0px;
	float:left;
}
.logo img {
	widht:161px;
	height:62px;
}
.phone_400 {
	padding-top:10px;
	text-align:right;
}
.phone_400 img {
	width:183px;
	height:20px;
}
.p_head .right {
	float:right;
}
.menu {
	padding:15px 12px 0 0;
	width:630px;
}
.menu li {
	float:left;
	margin-left:30px;
}
.menu li a {
	color:#707070;
	display:block;
	font-size:16px;
}
/*banner*/
.banner {
	background:#0f51b2 ;
}
.banner_img {
	margin:0 auto;
	width:1170px;
}
.pd15 {
	padding:15px;
}
.service {
	padding-bottom:25px;
	border-bottom:1px solid #ccc;
}
.service li {
	float:left;
	width:205px;
	height:150px;
	background:#f7f7f7;
	margin-right:20px;
	text-align:center;
	padding-top:8px;
}
.recharge li {
    float:left;
    width:205px;
    height:200px;
    background:#f7f7f7;
    margin-right:20px;
    text-align:center;
    padding-top:8px;
}
.service li h3 {
	font-size:16px;
	color:#4f4f4f;
	margin-top:3px;
}
.service li p {
	color:#7f8c8c;
	font-size:12px;
	line-height:16px;
}
.center h2 {
	color:#fa9600;
	font-size:30px;
	font-weight:normal;
	padding-left:40px;
	line-height:58px;
}
.flow {
	#padding-bottom:60px;
	#border-bottom:1px solid #ccc;
	position:relative;
	padding-left:20px;
}
.flow li {
	float:left;
	text-align:center;
	margin-right:30px;
	margin-top:20px;
}
.flow .big {
	width:139px;
	height:202px;
}
.flow .big h3 {
	color:#4f4f4f;
	font-size:16px;
	margin-bottom:10px;
}
.flow .big img {
	width:139px;
	height:139px;
}
.flow .big p {
	font-size:14px;
	color:#797979;
	margin-top:8px;
}
.flow .arrows {
	margin-top:110px;
	width:30px;
	height:30px;
}
.flow .arrows img {
	width:30px;
	height:30px;
}
.flow .arrows_bom {
	position:absolute;
	right:0px;
	top:200px;
}
/*foot*/
.p_foot {
	#background:#f5f5f5 url(../images/foot_bg.jpg) repeat-x;
	padding-top:20px;
}
/*.p_foot h3 {
	padding-left:135px;
	float:left;
	font-size:18px;
	color:#7c7c7c;
	font-weight:normal;
}*/
.team {
	float:left;
	width:820px;
	background:#fff;
	margin-left:20px;
}
.team li {
	float:left;
	margin:0 7px 15px;
}
.copyright {
	margin-top:10px;
	background:#fff;
	text-align:center;
	padding:45px 0 10px;
	color:#999;
}
.copyright a {
	margin:0 40px;
}
/*产品*/
.title {
	border-bottom:1px solid #ccc;
}
.title span {
	border-bottom:2px solid #1d75d7;
	color:#1d75d7;
	font-size:26px;
	padding:0 5px;
}
.functional {
	background:url(../images/functional.jpg) no-repeat 396px -10px;
	padding-bottom:50px;
}
.list dd {
	margin-top:40px;
}
.list dd h3 {
	color:#5d9ac8;
	font-size:26px;
	font-weight:normal;
}
.list dd p {
	color:#393939;
	font-size:16px;
	margin-top:10px;
	line-height:32px;
}
.operation {
	background:url(../images/operation.jpg) no-repeat 0 53px;
	padding-bottom:105px;
}
.operation .list {
	padding:20px 0 0 517px;
}
.about_us {
	font-size:16px;
	color:#2c2c2c;
	text-indent:2em;
	margin-top:35px;
	line-height:32px;
	#padding-bottom:45px;
}
.tactic {
	padding:30px 0 75px;
	border-top:1px solid #f7f7f7;
}
.tactic li {
	float:left;
	width:226px;
	height:109px;
	border-right:1px solid #f7f7f7;
	border-bottom:1px solid #f7f7f7;
}
.tactic li img {
	width:226px;
	height:109px;
}
	
.relation {
	padding:30px 0 80px;
}
.relation .left {
	float:left;
	padding:0 30px 0 10px;
}
.relation .left h3 {
	font-size:28px;
	color:#3c3c3c;
	font-weight:normal;
}
.relation .left p {
	font-size:16px;
	color:#3c3c3c;
	line-height:32px;
}
.relation .map img{
	width:449px;
	height:262px;
}

.rowmain{margin-top:30px;}
.rowmain img{height:200px;width:300px;}
.rowmain li{float:left;margin-right:10px;}




.zhezhaotan{
	width: 100%;
	height: 100%;
	position: fixed;
	background:rgba(0,0,0,0.8);
	z-index: 98;
	display: none;
	/*opacity:0.9;*/
}
.zhezhaotan .tantantan{
	width: 50%;
	height: 300px;
	z-index: 99;
	border:1px solid #000;
	margin:10% 25%;
  	background-color:#fff;
  	border-radius: 6px;
}
.tantantan .colse{
	width: 100%;
	height: 10%;

}
.tantantan .colse a{
	display: block;
	float: right;
	color: #666;
	font-size:25px;
	padding-right: 3px;

}

.tantantan div a:hover{
	text-decoration:none;
	cursor:pointer;
}

.tantantan .textttt{
	width: 100%;
	height: 50%;
	padding-left: 40px;
	
}
.tantantan .textttt h3{
	font-size: 20px;
	margin:30px 0 20px 0;
	color: #FE5B4C;

	}
	.tantantan .textttt h5{
	font-size: 16px;
	color: #999;
	
	}
.tantantan .btn{
	height: 40%;
	width: 100%;
	text-align: center;
	
}
.tantantan .btn a{
	color: #fff;
	padding: 15px 100px;
	font-size: 14px;
	text-align: center;
	background-color: #FE5B4C ;
	border-radius: 4px;

}
.zfberweima{
	border:1px solid #888888;
	margin:50px auto;
	background-color: #fff;
	width: 600px;
	height: 470px;
	z-index: 100;
	text-align: center;
  	border-radius: 6px;
  	display: none;

}
.zfberweima img{
	margin-top: 50px;
}
.zfberweima .colse a{
	display: block;
	float: right;
	color: #666;
	font-size:25px;
	padding-right: 3px;
}
.zfberweima .colse a:hover{
	text-decoration:none;
	cursor:pointer;
}
.foot_con p{
	
}